<template>
  <div>
    <p class="comIptBtn" type="primary" @click="showModal">回复</p>
    <a-modal
      v-model:visible="visible"
      title="回复评论
"
      @ok="handleOk"
    >
      <p><a-textarea v-model:value="value" placeholder="请你输入内容" :rows="4" /></p>
    </a-modal>
  </div>
</template>
<script>
import { defineComponent, ref } from "vue";
export default defineComponent({
  setup() {
    const visible = ref(false);
 const value = ref('');
    const showModal = () => {
      visible.value = true;
    };

    const handleOk = (e) => {
      console.log(e,"S");
      visible.value = false;
    };

    return {
      visible,
      showModal,
      handleOk,
      value
    };
  },
});
</script>
<style>
.comIptBtn {
  margin-top: 10px;
}
</style>